<template>
  <div id="navList">
    <router-link v-for="(item, index) in navList" :key="index" to="" :class="navListStyle">
      <ul>
        <li>
          <img :src="item.img" alt="" srcset="">
        </li>
        <li>{{item.title}}</li>
      </ul>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'navList',
  props: ['navList', 'navListStyle']
}
</script>

<style scoped lang="less">
#navList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  a {
    color: rgb(1, 1, 1);
    display: flex;
    justify-content: center;
    text-align: center;
    img {
      width: 90px;
    }
  }
}
</style>
